@import url(../public/public.css);
* {
  word-wrap: break-word;
  margin: 0;
  padding: 0; }

body, input, button, select, textarea {
  color: #444;
  font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
  font-family: microsoft yahei; }

.wrap {
  width: 1180px;
  margin: 0 auto; }

a {
  text-decoration: none;
  transition: all 0.5s; }

ul, li {
  list-style: none; }

.nav-fixed {
  position: fixed;
  top: 0; }

header {
  height: 40px;
  background: #2a2a2a !important;
  border-bottom: 0;
  position: relative;
  z-index: 111;
  line-height: 28px;
  min-width: 960px;
  font-size: 14px; }

.pagetop {
  zoom: 1; }

.pagetop:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
  visibility: hidden; }

header .left {
  float: left;
  margin-left: -5px; }

header .right {
  float: right;
  margin-right: 15px; }
  header .right .box .r1, header .right .box .r2, header .right .box r3 {
    float: left;
    padding: 0 15px !important; }
  header .right .box .r1 {
    background: #039be5; }
  header .right .box .r2 {
    background: #f8b006;
    margin-left: 10px; }
  header .right .box .r3 {
    background: #ff0000;
    margin-left: 10px; }
  header .right .box .box-r {
    float: right;
    width: auto;
    margin-top: 6px; }
    header .right .box .box-r ul {
      overflow: hidden;
      float: right; }
      header .right .box .box-r ul li {
        float: left; }
        header .right .box .box-r ul li a {
          display: inline-block;
          padding: 0 10px;
          margin-left: 5px;
          height: 30px;
          line-height: 30px;
          border-radius: 3px;
          font-size: 12px; }
          header .right .box .box-r ul li a:hover {
            color: #fff;
            background: #039be5; }

header a {
  height: 40px;
  line-height: 40px;
  color: #fff;
  float: left;
  padding: 0 10px; }

.clear {
  clear: both; }

.nav {
  width: 100%;
  min-width: 1180px;
  background: #039be5;
  height: 70px;
  opacity: 0.8; }
  .nav .logo {
    width: 320px;
    float: left;
    padding-top: 10px; }
  .nav .list {
    float: left;
    width: 670px;
    height: 70px; }
    .nav .list ul li {
      float: left; }
      .nav .list ul li a {
        display: inline-block;
        padding: 0 18px;
        color: #fff;
        line-height: 70px;
        font-size: 16px;
        text-align: center;
        position: relative; }
        .nav .list ul li a:hover {
          background: #fff;
          color: #039be5; }
    .nav .list ul .active a {
      color: #039be5;
      background: #fff; }
    .nav .list ul .read .show {
      position: relative;
      display: none; }
      .nav .list ul .read .show ul {
        position: absolute;
        z-index: 301; }
      .nav .list ul .read .show .p_pop {
        background: #039be5;
        box-shadow: none;
        border: 0; }
        .nav .list ul .read .show .p_pop a {
          color: #fff;
          padding: 0;
          font-size: 14px;
          border-bottom: 0;
          line-height: 35px;
          width: 135px;
          text-align: left; }
          .nav .list ul .read .show .p_pop a:hover {
            color: #039BE5 !important;
            background: #fff; }
    .nav .list ul .read .p_pop {
      padding: 4px;
      border: 1px solid #DDD;
      background: #feeeee;
      box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.3); }
      .nav .list ul .read .p_pop a {
        display: block;
        white-space: nowrap; }
    .nav .list ul .read .h-pop {
      min-width: 120px;
      border-top: none; }

@keyframes jello {
  from, 11.1%, to {
    -o-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none; }
  22.2% {
    -o-transform:skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform:skewX(-12.5deg) skewY(-12.5deg);
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    -o-transform:skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform:skewX(6.25deg) skewY(6.25deg);
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    -o--webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform:skewX(-3.125deg) skewY(-3.125deg);
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform:  skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform:skewX(-0.78125deg) skewY(-0.78125deg);
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
     -o-transform: skewX(0.39063deg) skewY(0.39063deg);
    -moz-transform: skewX(0.39063deg) skewY(0.39063deg);
    -ms-transform:skewX(0.39063deg) skewY(0.39063deg);
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg); }
  88.8% {
     -o-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    -moz-transform:skewX(-0.19531deg) skewY(-0.19531deg);
    -ms-transform:skewX(-0.19531deg) skewY(-0.19531deg);
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
nsform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.pageBottom {
  width: 100%;
  padding: 20px 0;
  min-height: 100px;
  margin-top: 10px;
  background: #039BE5;
  height: 137px; }
  .pageBottom .w1180 {
    width: 1180px;
    height: 137px;
    margin: 0 auto; }
    .pageBottom .w1180 h3 {
      padding-left: 30px;
      color: #fff;
      font-size: 16px;
      background: url(../img/link.png) left center no-repeat; }
    .pageBottom .w1180 ul {
      margin-top: 20px; }
      .pageBottom .w1180 ul li {
        float: left; }
        .pageBottom .w1180 ul li a {
          display: inline-block;
          width: 110px;
          float: left;
          margin-bottom: 10px;
          font-size: 14px;
          color: #fff;
          transition: all 0.5s;
          position: relative;
          font-family: microsoft yahei; }
          .pageBottom .w1180 ul li a:hover {
            animation: jello 1s linear;
            text-decoration: underline; }
  .pageBottom:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden; }

.pageFooter {
  margin-top: 0; }
  .pageFooter .footerTop {
    width: 100%;
    min-width: 1180px;
    background: #333;
    padding: 30px 0;
    height: 165px; }
    .pageFooter .footerTop .w1180 {
      width: 1180px;
      margin: 0 auto; }
      .pageFooter .footerTop .w1180 .footerTopLeft {
        width: 250px;
        float: left; }
        .pageFooter .footerTop .w1180 .footerTopLeft h5 {
          font-size: 18px;
          color: #fff; }
          .pageFooter .footerTop .w1180 .footerTopLeft h5 span {
            font-size: 18px;
            color: #f2f2f2;
            padding-right: 17px;
            font-weight: 700; }
        .pageFooter .footerTop .w1180 .footerTopLeft .footerTopLeft-info {
          margin-top: 18px; }
          .pageFooter .footerTop .w1180 .footerTopLeft .footerTopLeft-info p {
            font-size: 12px;
            color: #fff;
            line-height: 24px;
            height: 24px;
            width: 100%;
            overflow: hidden; }
      .pageFooter .footerTop .w1180 .footerTopMiddle {
        width: 690px;
        height: 170px;
        padding: 0 25px;
        margin: 0 25px;
        float: left;
        border-left: 1px solid #404040;
        border-right: 1px solid #404040; }
        .pageFooter .footerTop .w1180 .footerTopMiddle h5 {
          font-size: 18px;
          color: #f2f2f2;
          margin-bottom: 15px; }
          .pageFooter .footerTop .w1180 .footerTopMiddle h5 span {
            margin-left: 10px;
            font-size: 14px;
            color: #f2f2f2;
            padding-right: 5px; }
        .pageFooter .footerTop .w1180 .footerTopMiddle p {
          font-size: 14px;
          color: #fff;
          line-height: 24px;
          margin-bottom: 15px; }
          .pageFooter .footerTop .w1180 .footerTopMiddle p a {
            font-size: 12px;
            color: #fff;
            white-space: nowrap;
            padding-right: 5px; }
            .pageFooter .footerTop .w1180 .footerTopMiddle p a:hover {
              text-decoration: underline; }
          .pageFooter .footerTop .w1180 .footerTopMiddle p span {
            padding-right: 5px;
            font-size: 12px; }
        .pageFooter .footerTop .w1180 .footerTopMiddle p.footerTopMiddle-link {
          height: 44px; }
      .pageFooter .footerTop .w1180 .footerTopRight {
        float: right;
        width: 128px; }
        .pageFooter .footerTop .w1180 .footerTopRight div {
          font-size: 14px;
          color: #f2f2f2;
          margin: 5px 0 18px 0; }
        .pageFooter .footerTop .w1180 .footerTopRight img {
          width: 120px;
          height: 120px; }
    .pageFooter .footerTop:after {
      content: '';
      clear: both;
      display: block;
      height: 0;
      visibility: hidden; }

.footerBottom {
  width: 100%;
  min-width: 1180px;
  padding: 15px 0;
  background: #2b2b2b;
  text-align: center; }
  .footerBottom a {
    font-size: 12px;
    color: #fff; }
    .footerBottom a:hover {
      text-decoration: underline; }
    .footerBottom a img {
      position: relative;
      top: 6px;
      margin-left: 7px; }
  .footerBottom span {
    margin: 0 5px;
    color: #ccc; }

.elevator-item {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 999; }
  .elevator-item .plus, .elevator-item #elevator {
    text-align: center;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 21px;
    border-radius: 2px;
    margin-bottom: 2px;
    background-color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #fff;
    font-size: 15px; }
  .elevator-item #elevator {
    background: url(../img/dingbu.png) -42px 50% no-repeat;
    background-color: rgba(0, 0, 0, 0.6); }
    .elevator-item #elevator:hover {
      background-color: rgba(0, 0, 0, 0.7); }
    .elevator-item #elevator.off {
      visibility: hidden;
      opacity: 0; }

body {
  background: #f3f3f3; }

.nav-fixed {
  position: fixed;
  top: 0; }

.floor {
  width: auto; }
  .floor .wrap .floor_content {
    margin-top: 20px; }
    .floor .wrap .floor_content .main_content {
      float: left;
      width: 880px; }
    .floor .wrap .floor_content .content_side {
      float: right;
      width: 278px; }

.main_content .floor1 .floor1_content {
  width: 848px;
  background: #fff;
  padding: 15px;
  border: 1px solid #eaeaea;
  height: 572px;
  position: relative; }
  .main_content .floor1 .floor1_content em {
    width: 120px;
    height: 49px;
    position: absolute;
    top: 0;
    right: 110px;
    background: url(../img/img4/toutiao.png) center no-repeat; }
  .main_content .floor1 .floor1_content .flash {
    background: #fff;
    width: 500px;
    float: left; }
    .main_content .floor1 .floor1_content .flash .banner .banner_img {
      position: relative;
      width: 500px;
      height: 300px; }
      .main_content .floor1 .floor1_content .flash .banner .banner_img .slider {
        margin: 0;
        padding: 0;
        border: 0 currentColr;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 6; }
        .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-main {
          width: 100%;
          height: 100%; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-main li {
            width: 100%;
            height: 100%; }
            .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-main li a {
              display: block;
              width: 100%;
              height: 100%; }
              .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-main li a img {
                position: absolute;
                left: 0;
                top: 0;
                width: 500px;
                height: 300px; }
        .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content {
          z-index: 997;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 484px;
          height: 70px;
          padding: 10px;
          background: #000;
          overflow: hidden; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li {
            width: 100%;
            height: 100%;
            display: none; }
            .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li .avatar {
              width: 40px;
              height: 40px;
              float: left;
              border-radius: 100%;
              padding: 5px;
              background: #fff; }
              .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li .avatar img {
                width: 50px;
                height: 50px;
                border-radius: 100%;
                padding: 5px;
                display: block !important;
                position: absolute;
                top: 5px;
                left: 5px; }
            .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li .info {
              width: 420px;
              float: left;
              margin-left: 10px; }
              .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li .info .deanbt {
                font-size: 16px;
                width: 420px;
                height: 25px;
                overflow: hidden;
                color: #fff;
                letter-spacing: 1px; }
              .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-content li .info .deannr {
                font-size: 12px;
                width: 420px;
                height: 23px;
                line-height: 20px;
                overflow: hidden;
                color: #aaa;
                letter-sapcing: 1px; }
        .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-nav {
          float: left;
          border-radius: 24px;
          padding: 5px 10px;
          bottom: 7px;
          left: 190px;
          position: absolute;
          z-index: 9999;
          background: rgba(255, 255, 255, 0.8);
          box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 0; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-nav li {
            background: #999;
            border: 0px currentColor;
            width: 10px;
            height: 10px;
            text-indent: -9999px;
            margin-right: 3px;
            float: left;
            display: block;
            border-radius: 100%; }
        .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-btn {
          width: 100%;
          position: absolute;
          left: 0;
          top: 35%;
          z-index: 999; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-btn li {
            display: block;
            background: url(../img/img4/arrows.png) no-repeat;
            border: 0 currentColor;
            width: 47px;
            height: 47px;
            position: absolute; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-btn .slider-btn-prev {
            left: 5px;
            top: 120px;
            background-position: 0 0;
            text-indent: -9999px;
            top: 0;
            left: -45px; }
          .main_content .floor1 .floor1_content .flash .banner .banner_img .slider .slider-btn .slider-btn-next {
            right: 5px;
            top: 120px;
            background-position: 0 -46px;
            text-indent: -9999px;
            top: 0;
            right: -45px; }
      .main_content .floor1 .floor1_content .flash .banner .banner_img .osSlider-main:hover .slider-btn-prev {
        left: 5px; }
      .main_content .floor1 .floor1_content .flash .banner .banner_img .osSlider-main:hover .slider-btn-next {
        right: 5px; }
      .main_content .floor1 .floor1_content .flash .banner .banner_img .osSlider-main .slider-nav li.active {
        background: #039be5; }

.floor1 .report {
  float: right;
  width: 330px; }
  .floor1 .report ul {
    margin-top: 40px;
    height: 259px;
    overflow: hidden; }
    .floor1 .report ul li {
      padding: 9.8px 0;
      border-bottom: 1px solid #eaeaea; }
      .floor1 .report ul li h5 {
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        width: 100%;
        margin-bottom: 5px; }
        .floor1 .report ul li h5 a {
          font-size: 16px;
          color: #333;
          font-weight: normal; }
        .floor1 .report ul li h5 a:hover {
          color: #039be5; }
      .floor1 .report ul li p {
        font-size: 12px;
        color: #999; }
        .floor1 .report ul li p a {
          font-size: 12px;
          color: #039be5;
          padding-left: 10px; }

.floor1 .title {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 6px;
  margin-top: 20px; }
  .floor1 .title span {
    border-bottom: 3px solid #333;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    padding-bottom: 5px; }

.floor1 .topics {
  margin-top: 20px; }
  .floor1 .topics .topics_left {
    width: 100px;
    float: left; }
    .floor1 .topics .topics_left .topics_bg {
      width: 58px;
      height: 74px;
      margin: 20px auto;
      background: url(../img/img4/quote.png) center no-repeat; }
  .floor1 .topics ul {
    float: right;
    width: 735px; }
    .floor1 .topics ul li {
      width: 345px;
      float: left;
      margin-right: 20px;
      margin-bottom: 20px;
      height: 80px;
      border: 1px solid #eaeaea;
      border-radius: 44px;
      background: #f5f5f5; }
      .floor1 .topics ul li .pic {
        width: 80px;
        height: 80px;
        float: left; }
        .floor1 .topics ul li .pic img {
          width: 80px;
          height: 80px;
          border-radius: 100%;
          transition: all ease-in-out 0.4s;
          -webkit-transition: all ease-in-out 0.4s;
          -moz-transition: all ease-in-out 0.4s;
          -o-transition: all ease-in-out 0.4s; 
          -ms-transition: all ease-in-out 0.4s; 
        }
        .floor1 .topics ul li .pic img:hover {
          transform: rotateX(360deg);
          -webkit-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
           }
      .floor1 .topics ul li .info {
        float: left;
        width: 210px;
        margin-left: 15px; }
        .floor1 .topics ul li .info h5 {
          height: 32px;
          line-height: 35px;
          width: 100%;
          overflow: hidden; }
          .floor1 .topics ul li .info h5 a {
            font-size: 16px;
            font-weight: normal;
            color: #333; }
          .floor1 .topics ul li .info h5 a:hover {
            color: #039be5; }
        .floor1 .topics ul li .info p {
          font-size: 12px;
          color: #999;
          line-height: 22px;
          height: 40px;
          overflow: hidden; }

.main_content .floor_img {
  margin-top: 20px; }

.floor4 ul {
  display: none; }
  .floor4 ul li {
    background: #fff;
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #eaeaea;
    border-radius: 4px;
    position: relative;
    margin-top: 20px; }
    .floor4 ul li:hover .line {
      height: 100%; }
    .floor4 ul li .line {
      width: 6px;
      height: 0;
      position: absolute;
      background: #0992f3;
      left: 0;
      top: 0;
      -webkit-transition: all 400ms ease-in-out;
      -moz-transition: all 400ms ease-in-out;
      -ms-transition: all 400ms ease-in-out;
      -o-transition: all 400ms ease-in-out;
      transition: all 400ms ease-in-out; }
    .floor4 ul li .floor4_img {
      width: 250px;
      height: 155px;
      position: relative;
      float: left;
      overflow: hidden; }
      .floor4 ul li .floor4_img a img {
        width: 250px;
        height: 155px;
        position: absolute;
        top: 0;
        left: 0; }
      .floor4 ul li .floor4_img em {
        position: absolute;
        left: -355px;
        top: 0;
        width: 250px;
        height: 155px;
        background-image: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
        transform: skew(-25deg);
        transition: 0.5s ease-in-out;
        cursor: pointer; }
      .floor4 ul li .floor4_img .name {
        padding: 2px 12px;
        text-align: center;
        height: 25px;
        line-height: 25px;
        background: #039be5;
        position: absolute;
        top: 0;
        left: 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
        .floor4 ul li .floor4_img .name a {
          color: #fff;
          font-size: 12px; }
    .floor4 ul li .floor4_info {
      width: 580px;
      float: right; }
      .floor4 ul li .floor4_info h5 {
        width: 100%;
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-bottom: 5px; }
        .floor4 ul li .floor4_info h5 a {
          font-size: 16px;
          color: #333; }
        .floor4 ul li .floor4_info h5 a:hover {
          color: #039be5; }
      .floor4 ul li .floor4_info p {
        font-size: 14px;
        color: #777;
        line-height: 22px;
        height: 66px;
        margin-bottom: 35px; }
      .floor4 ul li .floor4_info .du {
        height: 25px;
        line-height: 25px; }
        .floor4 ul li .floor4_info .du .du_left {
          float: left; }
          .floor4 ul li .floor4_info .du .du_left a {
            display: block;
            width: auto;
            height: 25px;
            line-height: 25px; }
            .floor4 ul li .floor4_info .du .du_left a span {
              display: block;
              float: left;
              margin-right: 10px; }
            .floor4 ul li .floor4_info .du .du_left a .avatar {
              width: 25px;
              height: 25px; }
              .floor4 ul li .floor4_info .du .du_left a .avatar img {
                width: 25px;
                height: 25px;
                border-radius: 100%; }
            .floor4 ul li .floor4_info .du .du_left a .user {
              width: 60px;
              height: 25px;
              line-height: 25px;
              font-size: 12px;
              color: #999;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis; }
        .floor4 ul li .floor4_info .du .du_center {
          float: left; }
          .floor4 ul li .floor4_info .du .du_center span {
            display: inline-block;
            margin-right: 10px;
            padding-left: 20px;
            font-size: 12px;
            color: #999; }
          .floor4 ul li .floor4_info .du .du_center .view {
            background: url(../img/img4/eye.png) left center no-repeat; }
          .floor4 ul li .floor4_info .du .du_center .reply {
            background: url(../img/img4/reply.png) left center no-repeat; }
          .floor4 ul li .floor4_info .du .du_center .data {
            background: url(../img/img4/clock.png) left center no-repeat; }
    .floor4 ul li .details a {
      position: absolute;
      bottom: 18px;
      right: 0;
      background: #039be5;
      height: 30px;
      line-height: 30px;
      padding: 0 10px;
      display: block;
      border-radius: 2px 0 0 2px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      font-size: 12px;
      color: #fff; }
      .floor4 ul li .details a:hover{
      	color:#fff;
      	background: #595959;
      }

.page {
  text-align: center;
  font-size: 12px;
  color: #333;
  background: #fff;
  padding: 10px 20px;
  margin-bottom: 10px; }
  .page .c1 {
    zoom: 1; }
  .page .pages a {
    font-size: 12px;
    color: #aaa;
    margin-right: 5px;
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #aaa; }
  .page .pages .active {
    font-size: 12px;
    color: #fff;
    margin-right: 5px;
    display: inline-block;
    width: 28px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border: 2px solid #0992f3;
    background: #0992f3; }

.floor .content_side {
  width: 278px;
  float: right; }
  .floor .content_side .side1 {
    width: 278px;
    color: #888;
    background: #fff;
    font-size: 12px;
    border: 1px solid #eaeaea;
    position: relative;
    margin-bottom: 20px; }
    .floor .content_side .side1 em {
      width: 278px;
      height: 80px;
      background: #039be5;
      position: absolute; }
    .floor .content_side .side1 .login_top {
      text-align: center; }
      .floor .content_side .side1 .login_top img {
        width: 100px;
        height: 100px;
        border-radius: 61px;
        padding: 3px;
        background: #fff;
        margin-top: 24px;
        position: relative;
        z-index: 1; }
    .floor .content_side .side1 .login_bottom {
      color: #565656;
      font-size: 15px;
      text-align: center;
      font-weight: bold;
      margin-top: 20px; }
      .floor .content_side .side1 .login_bottom .register {
        width: 86px;
        height: 32px;
        line-height: 32px;
        background: #f03;
        font-size: 14px;
        display: block;
        color: #fff;
        margin: 10px auto 0;
        border-radius: 4px;
        margin-bottom: 10px; }
      .floor .content_side .side1 .login_bottom .den {
        background: #333;
        padding-bottom: 20px; }
        .floor .content_side .side1 .login_bottom .den .u_cue {
          font-size: 12px;
          color: #a8a8a8;
          font-weight: normal;
          padding-top: 20px; }
        .floor .content_side .side1 .login_bottom .den .u_login {
          background: #858a92;
          margin-top: 10px;
          width: 86px;
          height: 32px;
          line-height: 32px;
          font-size: 14px;
          display: block;
          color: #fff;
          margin: 10px auto 0;
          border-radius: 4px;
          margin-bottom: 10px; }

.content_side .side2 {
  width: 280px;
  margin-bottom: 20px; }

.content_side .side3 {
  background: #fff;
  border: 1px solid #eaeaea;
  margin-bottom: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  border-radius: 3px; }
  .content_side .side3 .side3_title {
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    border-bottom: 1px solid #eaeaea;
    width: 258px;
    position: relative; }
    .content_side .side3 .side3_title i {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 20px solid #039be5;
      border-right: 20px solid transparent; }
    .content_side .side3 .side3_title h5 {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      padding-left: 20px;
      float: left;
      width: 100px; }
    .content_side .side3 .side3_title a {
      float: right; }
      .content_side .side3 .side3_title a span {
        display: inline-block;
        color: #666;
        font-size: 12px; }
      .content_side .side3 .side3_title a em {
        display: inine-block;
        color: #039be5;
        font-size: 18px;
        font-weight: bold; }
  .content_side .side3 .side3_box {
    padding: 0 15px 15px 15px; }
    .content_side .side3 .side3_box ul li {
      height: 50px;
      line-height: 50px;
      border-bottom: 1px solid #eee;
      width: 100%;
      overflow: hidden; }
      .content_side .side3 .side3_box ul li a {
        color: #333;
        font-size: 14px; }
      .content_side .side3 .side3_box ul li a:hover {
        color: #039be5; }

.side3 .side4_box ul li {
  height: 80px;
  padding-bottom: 8px;
  margin-bottom: 8px; }
  .side3 .side4_box ul li .pic {
    width: 100px;
    height: 80px;
    float: left; }
    .side3 .side4_box ul li .pic a img {
      width: 100px;
      height: 80px; }
  .side3 .side4_box ul li .info {
    width: 135px;
    float: right;
    height: 60px;
    padding-top: 2px; }
    .side3 .side4_box ul li .info h5 {
      width: 100%;
      height: 53px;
      margin-bottom: 10px; }
      .side3 .side4_box ul li .info h5 a {
        font-size: 14px;
        color: #333; }
      .side3 .side4_box ul li .info h5 a:hover {
        color: #039be5; }
    .side3 .side4_box ul li .info p {
      font-size: 12px;
      color: #999; }

.side3 .side5_box .deands {
  width: 242px; }
  .side3 .side5_box .deands ul {
    zoom: 1; }
    .side3 .side5_box .deands ul li {
      position: relative;
      height: 36px;
      line-height: 36px;
      border-bottom: 1px dased #EDEDED; }
      .side3 .side5_box .deands ul li p {
        padding-left: 15px;
        background: url(../img/img4/dot.png) left 16px no-repeat;
        height: 30px;
        overflow: hidden;
        width: 227px; }
        .side3 .side5_box .deands ul li p a {
          font-size: 14px;
          color: #333; }
        .side3 .side5_box .deands ul li p a:hover {
          color: #039be5; }
    .side3 .side5_box .deands ul .on {
      position: relative;
      width: 242px;
      height: 205px; }
      .side3 .side5_box .deands ul .on .dis {
        display: block; }
        .side3 .side5_box .deands ul .on .dis a {
          display: block;
          width: 242px;
          height: 120px;
          position: relative;
          font-size: 16px;
          color: #333;
          font-weight: bold; }
          .side3 .side5_box .deands ul .on .dis a img {
            width: 242px;
            height: 120px;
            vertical-align: middle; }
        .side3 .side5_box .deands ul .on .dis a:hover {
          color: #039be5; }
        .side3 .side5_box .deands ul .on .dis .info {
          width: 242px;
          height: 100px;
          transition: all 0.3 linear; }
          .side3 .side5_box .deands ul .on .dis .info .deandsit {
            height: 32px;
            text-align: center;
            margin: 5px 0;
            width: 100%;
            overflow: hidden; }
            .side3 .side5_box .deands ul .on .dis .info .deandsit a {
              display: block;
              width: 242px;
              height: 120px;
              position: relative; }
          .side3 .side5_box .deands ul .on .dis .info .deandsib {
            font-size: 12px;
            color: #999;
            line-height: 20px; }
      .side3 .side5_box .deands ul .on p {
        display: none; }

.side3 .side6_box {
  padding: 0 15px 15px 15px; }
  .side3 .side6_box ul {
    height: 434px;
    overflow: hidden;
    width: 242px; }
    .side3 .side6_box ul li {
      border-bottom: 1px solid #e8e8e8;
      padding: 10px 0; }
      .side3 .side6_box ul li h4 {
        width: 100%;
        line-height: 25px;
        height: 25px;
        overflow: hidden;
        margin-bottom: 5px; }
        .side3 .side6_box ul li h4 a {
          font-weight: bold;
          color: #333;
          font-size: 14px; }
      .side3 .side6_box ul li P {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.7);
        line-height: 22px; }
      .side3 .side6_box ul li .deantxt {
        font-size: 12px;
        color: rgba(0, 0, 0, 0.4);
        margin-top: 10px; }

.deany1 {
  width: 100%;
  padding: 40px 0;
  background: #039be5;
  min-height: 100px;
  margin-top: 10px; }
  .deany1 .w1180 {
    width: 1180px;
    margin: 0 auto; }
    .deany1 .w1180 h3 {
      padding-left: 30px;
      color: #fff;
      font-size: 16px;
      background: url(../img/link.png) left center no-repeat; }
    .deany1 .w1180 ul {
      margin-top: 20px; }
      .deany1 .w1180 ul li {
        float: left; }
        .deany1 .w1180 ul li a {
          display: inline-block;
          width: 180px;
          float: left;
          margin-bottom: 10px;
          font-size: 14px;
          color: #fff; }
        .deany1 .w1180 ul li a:hover {
          text-decoration: underline;
          animation: jello 1s linear; }
